<template>
	<div>
		<div v-for="item in list" class="koko">
			<img :src="`http://127.0.0.1:80/api/public/showimg/${item.pic}`" />
			<div>
				<p>{{item.name}}</p>
				<br />
				<p style="font-size: 10px;">{{item.author}}</p>
				<p style="font-size: 10px;">{{item.maker}}</p>
				<br />
				<p style="font-size: 12px;">{{item.info}}</p>
				<p>￥{{item.price}}</p>
			</div>
			<div class="koko2">
				<el-button style="background-color: darkgray;">详情</el-button>
				<el-button style="background-color: darkorange;">购买</el-button>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'allbook3',
		data() {
			return {
				list: []
			}
		},
		mounted() {
			console.log(this.$router.query.books.id);
			this.list = [];
			this.$axios.get('http://127.0.0.1:80/api/public/findPageBook/1/5/' + this.$route.query.books.id).then((
				resp) => {
				this.list = resp.data.data.books;
				console.log(resp.data.data);
			})

		}
	}
</script>

<style>
</style>